 /**控制rem自适应js**/
!function (n){var e = n.document,t = e.documentElement,i = 375,d = i / 20,o ="orientationchange"in n ? "orientationchange":"resize",a = function (){var n = t.clientWidth || 320;n > 768 && (n = 768),t.style.fontSize = n / d + "px"};e.addEventListener && (n.addEventListener(o,a,!1),e.addEventListener("DOMContentLoaded",a,!1))}(window);

export function timerScale(){
  $(function(){
    /** 选取时间长度的刻度 JS */
    var g,v,startX;
    /**刻度条初始化为0**/
    $('.timer').css({
      '-webkit-transform':'translateX(0)'
    }).attr('value',0);
    /**触摸刻度条时**/
    $('.timer').on("touchstart",function(e){
      e.preventDefault();
      e.stopPropagation();
      var  initial = $(this).attr('data-initial');
      v = parseInt($(this).attr('value'));
      g = 9;
      /**控制每次触摸刻度条，从上次结束地方开始滑动**/
      if(initial == 'true'){
        startX = e.originalEvent.changedTouches[0].pageX+v;
        $(this).attr('data-initial','false');
      }else{
        startX = e.originalEvent.changedTouches[0].pageX-v;
      }
    });
    /**刻度条开始滑动时**/
    $('.timer').on("touchmove",function(e){
      e.preventDefault();
      var number = parseInt($('.timeValue').attr('value'));
      var moveX = e.originalEvent.changedTouches[0].pageX;
      var X = moveX - startX;
      var val = (number+Math.abs(X/g)).toFixed(0);
      if(X>0){
        /**往左滑动时**/
        /**当刻度为0的时候禁止左滑**/
        if(val>0){
          return
        }
        /**滑动标尺**/
        $(this).css({
          '-webkit-transform':'translateX('+ (X/20) +'rem)'
        }).attr('value',X);
        if(X>=-8){
          $(this).css({
            '-webkit-transform':'translateX(0)'
          }).attr('value',0);
          $('.timeValue').text("0");
        }

        /**控制分钟**/
        $('.timeValue').text(val);

      }else{
        /**往右滑动时**/
        /**当刻度为100的时候禁止右滑**/
        if(val>100){
          return
        }
        /**控制分钟**/
        $('.timeValue').text(val);

        /**滑动标尺**/
        $(this).css({
          '-webkit-transform':'translateX('+ (X/20) +'rem)'
        }).attr('value',X);
        if(X<-891){
          $(this).css({
            '-webkit-transform':'translateX(-45rem)'
          }).attr('value',-900);
          $('.timeValue').text("100");
        }

      }

    });
    $('.timer').on("touchend",function(e){
      e.stopPropagation();
      var moveEndX = e.originalEvent.changedTouches[0].pageX;
      var X = moveEndX - startX;
      var roundX = Math.round(X/9)*9;
      /**当刻度为0的时候禁止左滑**/
      /**当刻度为 10 的时候禁止右滑**/
      if(roundX>0){
        return;
      }else if(roundX<-900){
        return;
      }
      /** 当刻度不到1小于0.5的时候后退 大于0.5小于1前进*/
      $(this).css({
        '-webkit-transform':'translateX('+ (roundX/20) +'rem)'
      }).attr('value',roundX);
      $('.timeValue').text(Math.abs(roundX/g).toFixed(0));

    });
  })
}
